<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="dashboard/header :: header"></head>
<body>
	<div layout:fragment="content">
		<ol class="breadcrumb">
		  <li class="breadcrumb-item">基础平台</li>
		  <li class="breadcrumb-item">监管按理</li>
		  <li class="breadcrumb-item active">系统预警</li>
		</ol>
		<div class="container-fluid content-main">
			<div class="animated fadeIn">
				<div class="row">
					<!-- /.col-->
					<div class="col-sm-12">
						<div class="card">
							<div class="card-header" style="line-height: 40px;">
								<strong>编辑模板</strong>
								<button class="btn btn-primary" style="float: right" onclick="generator()" type="button">保存</button>
								<button class="btn btn-primary" style="float: right;margin-right:20px" onclick="back()" type="button">返回</button>
							</div>
							<div class="card-body">

								<form class="form-horizontal" id="addForm">

									<input type="hidden" name="formToken" th:value="${session.formToken}" />
									
									<div class="form-group row" style="margin-right:0px">
										<div class="col-md-12" >
											<input class="form-control" id="text-input" type="text" name="printTemplateName" placeholder="模板名称">
										</div>
									</div>
									<div class="form-group row" style="margin-right:0px">
										<div class="col-md-12">
											<!-- 加载编辑器的容器 -->
											<script id="container" name="printTemplate" type="text/plain">

<p style="box-sizing: border-box; margin-top: 12px; margin-bottom: 0px; line-height: 25px; -webkit-font-smoothing: antialiased !important;">
    作Mule是当下使用最多的开源集成平台,MuleESB价格低廉，配置、扩展简单，而且灵活性强，使得它非常流行。CloudHub和Mule ESB是建立在开放源码技术上的，提供快速，可靠的应用程序集成，而且无厂商锁定。该公司提供了一个基于云的集成平台作为服务（iPaaS）连接的SaaS，云和内部部署（on-premise）应用程序和API CloudHub，一个开源企业服务总线（ESB），用于云中连接企业应用程序的前提下。
</p>
<p style="box-sizing: border-box; margin-top: 12px; margin-bottom: 0px; line-height: 25px; -webkit-font-smoothing: antialiased !important;">
    Mule是一个基于Java的轻量级企业服务总线和集成平台,它的主要特性包括：
</p>
<ol style="box-sizing: border-box; margin-bottom: 10px; -webkit-font-smoothing: antialiased !important;" class=" list-paddingleft-2">
    <li>
        <p>
            基于J2EE1.4的企业消息总线(ESB)和消息代理(broker)；
        </p>
    </li>
    <li>
        <p>
            可插入的连接性，支持20多种传输协议，比如：jms、jdbc、tcp、udp、multicast、http、servlet、smtp、pop3、file、xmpp等；
        </p>
    </li>
    <li>
        <p>
            支持任何传输之上的异步，同步和请求响应事件处理机制；
        </p>
    </li>
    <li>
        <p>
            支持Axis或者Glue的Web Service；
        </p>
    </li>
    <li>
        <p>
            灵活的部署结构，包括Client/Server, P2P, ESB 和Enterprise Service Network；
        </p>
    </li>
    <li>
        <p>
            与Spring 框架集成:可用作ESB 容器，也可以很容易的嵌入到Spring应用中；
        </p>
    </li>
    <li>
        <p>
            使用基于SEDA处理模型的高度可伸缩的企业服务器；
        </p>
    </li>
    <li>
        <p>
            强大的基于EIP模式的事件路由机制等。
        </p>
    </li>
</ol>
<h2 style="color: inherit; font-family: 微软雅黑, sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased !important; font-weight: 300; line-height: 1.1; margin: 0px; font-size: 20px; padding: 0px;">
    整体结构
</h2>
<p style="box-sizing: border-box; margin-top: 12px; margin-bottom: 0px; line-height: 25px; -webkit-font-smoothing: antialiased !important;">
    从上图可见，Mule通过Transports/Connectors与外围的异构系统连接，提供Routing（路由）、Transaction Management（事务管理）、Transformation（转换）、Message Broker（消息代理）、Transportation Management（传输管理）、Security（安全）等核心模块。Mule可以单独使用，也可以架设在常用的应用服务器上。
</p>
<p style="box-sizing: border-box; margin-top: 12px; margin-bottom: 0px; line-height: 25px; -webkit-font-smoothing: antialiased !important;">
    外围系统的服务请求通过Mule ESB的Transport接入，Mule通过Transformer进行数据的格式转换，然后经过Inbound Router进行消息过滤（内部通过配置filter实现）后交给Mule的Component进行业务逻辑处理，处理后的结果通过Outbound Router确定传递给哪个接收方，然后通过Transformer进行数据格式转换，通过Transport连接至接收方，传递信息。 此图描述的是Mule中的一个典型场景的处理过程，涵盖了Mule中的各个关键组件。其中某些处理步骤不是必须的，如Inbound Router、Transformer。
</p>
<h2 style="color: inherit; font-family: 微软雅黑, sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased !important; font-weight: 300; line-height: 1.1; margin: 0px; font-size: 20px; padding: 0px;">
    功能
</h2>
<ol style="box-sizing: border-box; margin-bottom: 10px; -webkit-font-smoothing: antialiased !important;" class=" list-paddingleft-2">
    <li>
        <p>
            服务中介
        </p>
    </li>
    <ul style="box-sizing: border-box; -webkit-font-smoothing: antialiased !important;" class=" list-paddingleft-2">
        <li>
            <p>
                将业务逻辑和消息发送分离；
            </p>
        </li>
        <li>
            <p>
                屏蔽服务的消息格式和协议；
            </p>
        </li>
        <li>
            <p>
                提供任意位置的服务调用；
            </p>
        </li>
        <li>
            <p>
                提供协议桥接。
            </p>
        </li>
    </ul>
    <li>
        <p>
            数据转换
        </p>
    </li>
</ol>
<p>
    
											
</p>
											</script>
											<!-- 
											<textarea class="form-control" id="textarea-input" name="textarea-input" rows="9" placeholder="Content.."></textarea>
											-->
										</div>
									</div>
								</form>

							</div>

							<div class="card-footer">
							</div>

						</div>
					</div>
					<!-- /.col-->
				</div>
			</div>
		</div>

	</div>

	<script th:src="@{/asserts/vendors/jquery/js/jquery.min.js}"></script>
	<script th:src="@{/asserts/vendors/jquery.form/jquery.form.min.js}"></script>

	<script th:src="@{/asserts/vendors/layer/layer.js}"></script>
	<script th:src="@{/asserts/js/global.js}"></script>
	
	<!-- 配置文件 -->
    <script type="text/javascript" th:src="@{/plugins/ueditor/ueditor.config.js}"></script>
    <script type="text/javascript" th:src="@{/plugins/ueditor/ueditor.all.min.js}"></script>
    <script type="text/javascript" th:src="@{/plugins/ueditor/lang/zh-cn/zh-cn.js}"></script>

	<script type="text/javascript">
        
        $(function(){
        	
			var ue = UE.getEditor('container' , {
				toolbars: [['anchor', //锚点
					'undo', //撤销
					'redo', //重做
					'bold', //加粗
					'indent', //首行缩进
					'italic', //斜体
					'underline', //下划线
					'strikethrough', //删除线
					'subscript', //下标
					'fontborder', //字符边框
					'superscript', //上标
					'formatmatch', //格式刷
					'source', //源代码
					'pasteplain', //纯文本粘贴模式
					'selectall', //全选
					'print', //打印
					'preview', //预览
					'horizontal', //分隔线
					'removeformat', //清除格式
					'time', //时间
					'date', //日期
					'unlink', //取消链接
					'insertrow', //前插入行
					'insertcol', //前插入列
					'mergeright', //右合并单元格
					'mergedown', //下合并单元格
					'deleterow', //删除行
					'deletecol', //删除列
					'splittorows', //拆分成行
					'splittocols', //拆分成列
					'splittocells', //完全拆分单元格
					'deletecaption', //删除表格标题
					'inserttitle', //插入标题
					'mergecells', //合并多个单元格
					'deletetable', //删除表格
					'cleardoc', //清空文档
					'insertparagraphbeforetable', //"表格前插入行"
					'insertcode', //代码语言
					'fontfamily', //字体
					'fontsize', //字号
					'paragraph', //段落格式
					'edittable', //表格属性
					'edittd', //单元格属性
					'link', //超链接
					'emotion', //表情
					'spechars', //特殊字符
					'searchreplace', //查询替换
					'justifyleft', //居左对齐
					'justifyright', //居右对齐
					'justifycenter', //居中对齐
					'justifyjustify', //两端对齐
					'forecolor', //字体颜色
					'backcolor', //背景色
					'insertorderedlist', //有序列表
					'insertunorderedlist', //无序列表
					'fullscreen', //全屏
					'directionalityltr', //从左向右输入
					'directionalityrtl', //从右向左输入
					'rowspacingtop', //段前距
					'rowspacingbottom', //段后距
					'pagebreak', //分页
					'insertframe', //插入Iframe
					'imagenone', //默认
					'imageleft', //左浮动
					'imageright', //右浮动
					'attachment', //附件
					'imagecenter', //居中
					'wordimage', //图片转存
					'lineheight', //行间距
					'edittip ', //编辑提示
					'customstyle', //自定义标题
					'autotypeset', //自动排版
					'touppercase', //字母大写
					'tolowercase', //字母小写
					'background', //背景
					'template', //模板
					'inserttable', //插入表格
					'drafts', // 从草稿箱加载
					'charts'] // 图表
				],
				initialFrameHeight:1000 , 
				autoHeightEnabled: true,
				autoFloatEnabled: true
			});
        }) ;
	
		function back(){
			window.location.href=ctx+'base/print/template/list' ;
		}
		
		// 保存操作
		function generator() {
			console.log('save');
			$("#addForm").ajaxSubmit({
				url : ctx+"base/print/template/save",
				type : "POST",
				headers : {
					'Content-Type' : 'application/x-www-form-urlencoded' //multipart/form-data;boundary=--xxxxxxx   application/json
				},
				success : function(data) {
					if (data.code == 200) {
						layer.msg("操作成功!");
					} else {
						layer.alert(data.message);
					}
				}
			});
		}
	</script>

</body>
</html>
